<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./layui/css/layui.css"/>
</head>
<body>
<form action="" class="layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label width_auto text-r" style="margin-top:2px">省市县：</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" id="city-picker">
        </div>
    </div>
</form>

<script type="text/javascript" src="./layui/layui.js"></script>
<script>
    layui.extend({
        citypicker: '{/}/city-picker/cityPicker'
    }).use(['jquery', 'cityPicker'], function () {
        var $ = layui.$
            , cityPicker = layui.cityPicker;

        var currentPicker = cityPicker.render({
            elem: '#city-picker',
            level: 3,
        });
        currentPicker.setValue("410000/411500/411521");
    });

</script>
</body>
</html>